<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>category</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/category.css">
    <script src="./js/iscroll.js"></script>
    <script src="./js/category.js"></script>
</head>

<body>
    <div class="cate-layout layout">
        <!-- 头部 -->
        <div class="cate-header header">
            <a href="#" class="back jd-sprite"></a>
            <form action="">
                <input type="search" placeholder="来呀 找bug呀！">
            </form>
            <a href="#" class="menu jd-sprite"></a>
        </div>
        <!-- 内容 -->
        <div class="cate-main">
            <div class="m-left">
                <ul>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                    <li><a href="#">热门推荐</a></li>
                </ul>
            </div>
            <div class="m-right">
                <div class="in">
                    <div class="cate-banner">
                        <img src="./images/cate_banner.jpg" alt="">
                    </div>
                    <h4>热门推荐</h4>
                    <ul class="clearfix">
                        <li>
                            <img src="./images/cate_item01.jpg" alt="">
                            <p>新鲜水果</p>
                        </li>
                        <li>
                            <img src="./images/cate_item02.jpg" alt="">
                            <p>品牌日</p>
                        </li>
                        <li>
                            <img src="./images/cate_item03.jpg" alt="">
                            <p>医用口罩</p>
                        </li>
                        <li>
                            <img src="./images/cate_item04.jpg" alt="">
                            <p>家用电器</p>
                        </li>
                        <li>
                            <img src="./images/cate_item05.jpg" alt="">
                            <p>啤酒饮料</p>
                        </li>
                        <li>
                            <img src="./images/cate_item06.jpg" alt="">
                            <p>家用工具</p>
                        </li>
                    </ul>
                    <h4>热门推荐</h4>
                    <ul class="clearfix">
                        <li>
                            <img src="./images/cate_item01.jpg" alt="">
                            <p>新鲜水果</p>
                        </li>
                        <li>
                            <img src="./images/cate_item02.jpg" alt="">
                            <p>品牌日</p>
                        </li>
                        <li>
                            <img src="./images/cate_item03.jpg" alt="">
                            <p>医用口罩</p>
                        </li>
                        <li>
                            <img src="./images/cate_item04.jpg" alt="">
                            <p>家用电器</p>
                        </li>
                        <li>
                            <img src="./images/cate_item05.jpg" alt="">
                            <p>啤酒饮料</p>
                        </li>
                        <li>
                            <img src="./images/cate_item06.jpg" alt="">
                            <p>家用工具</p>
                        </li>
                    </ul>
                    <h4>热门推荐</h4>
                    <ul class="clearfix">
                        <li>
                            <img src="./images/cate_item01.jpg" alt="">
                            <p>新鲜水果</p>
                        </li>
                        <li>
                            <img src="./images/cate_item02.jpg" alt="">
                            <p>品牌日</p>
                        </li>
                        <li>
                            <img src="./images/cate_item03.jpg" alt="">
                            <p>医用口罩</p>
                        </li>
                        <li>
                            <img src="./images/cate_item04.jpg" alt="">
                            <p>家用电器</p>
                        </li>
                        <li>
                            <img src="./images/cate_item05.jpg" alt="">
                            <p>啤酒饮料</p>
                        </li>
                        <li>
                            <img src="./images/cate_item06.jpg" alt="">
                            <p>家用工具</p>
                        </li>
                    </ul>
                    <h4>热门推荐</h4>
                    <ul class="clearfix">
                        <li>
                            <img src="./images/cate_item01.jpg" alt="">
                            <p>新鲜水果</p>
                        </li>
                        <li>
                            <img src="./images/cate_item02.jpg" alt="">
                            <p>品牌日</p>
                        </li>
                        <li>
                            <img src="./images/cate_item03.jpg" alt="">
                            <p>医用口罩</p>
                        </li>
                        <li>
                            <img src="./images/cate_item04.jpg" alt="">
                            <p>家用电器</p>
                        </li>
                        <li>
                            <img src="./images/cate_item05.jpg" alt="">
                            <p>啤酒饮料</p>
                        </li>
                        <li>
                            <img src="./images/cate_item06.jpg" alt="">
                            <p>家用工具</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>

</html>